$color: var(--td-brand-color);
$color-warning: var(--td-warning-color);
$color-error: var(--td-error-color);
$color-success: var(--td-success-color);
$color-bg: rgb(243, 244, 246);
$color-border: var(--td-gray-color-3); 
$color-title: var(--td-text-color-primary);
$color-content: var(--td-text-color-secondary);
$color-body: var(--td-text-color-placeholder);

@mixin table-size($size) {
  .t-table{
    font-size: $size;

    .t-tag{
      font-size: $size;
    }

    .t-button{
      font-size: $size;
    }

    a{
      font-size: $size;
    }
  }
}

@media screen and (max-width: 1400px) {
  @include table-size(12px);
}

.t-table th, .t-table td{
  padding: 10px 15px;
}

.t-menu--dark .t-menu__item{
  color: #fff;

  &:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled){
    color: #fff;
  }
}

.t-menu__popup--dark .t-menu__item{
  color: #fff;

  &:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled){
    color: #fff;
  }
}

.no-border{
  .t-input{
    border: 0;
  }
}

.no-padding{
  .t-input-adornment .t-input-adornment__append{
    padding: 0;
  }
}